
/* #ifndef APP-NVUE */
@import "./u-view.scss";
/* #endif */

	// view,text{
	// 	color: #3C3C3D;
	// }
/**颜色开始**/
.baseColor{
	color: $u-primary;
}
.baseColor-info{
	color: $u-info;
}
.baseColor-error{
	color: $u-error;
}
.cf{
	color: #fff;
}
.gray{
	color:#a4aab2
}
.bgf{
	background: #fff;
}
.c9{
	color: #999;
}
/**颜色结束**/

.w100{
	width: 100%;
}
.w50{
	width: 50%;
}

.h100{
	height: 100%;
}

$fontSizeArr: 16,18,20,22,24,26,28,30,32,34,36,38,40,48,50; // 取值范围只能是所定义的这几个值
@each $item in $fontSizeArr {
   .font-#{$item} {
       font-size: #{$item}rpx;
   }
}


$marginArr: 6,8,10,12,14,15,16,18,20,22,24,26,28,30,32,40,50,60,80;
@each $i in $marginArr {
   .m-#{$i} {
       margin: #{$i}rpx;
   }
   .m-t-#{$i} {
       margin-top: #{$i}rpx;
   }
   .m-b-#{$i} {
       margin-bottom: #{$i}rpx;
   }
   .m-l-#{$i} {
       margin-left: #{$i}rpx;
   }
   .m-r-#{$i} {
       margin-right: #{$i}rpx;
   }
   .p-#{$i} {
       padding: #{$i}rpx;
   }
   .p-t-#{$i} {
       padding-top: #{$i}rpx;
   }
   .p-b-#{$i} {
       padding-bottom: #{$i}rpx;
   }
   .p-l-#{$i} {
       padding-left: #{$i}rpx;
   }
   .p-r-#{$i} {
       padding-right: #{$i}rpx;
   }
}

.border-radius-10{
	border-radius: 10rpx;
}

.bold{
	font-weight: bold;
}

.flex{
	display: flex;
}

.flex-item-center{
	display: flex;
	align-items: center;
}

.flex-center{
	display: flex;
	align-items: center;
	justify-content: center;
}
	
.flex-justify-between{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

/** 最多显示一行 **/
.s-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

//上下等分
.s-flex-direction {
  display: flex;
  flex-direction: column;
  
}
.s-flex-item {
    flex: 1;
}

//滚动
.s-scroll {
  overflow-y: auto;
  overflow-x: hidden;
}
.placeholderClass{
    font-size: 28rpx !important;
    color: #A0A1A3;
}


.select_box{
	width: 30rpx;
	height:30rpx;
	border-radius: 15rpx;
	border:1rpx solid rgba(0,0,0,0.2);
	>image{
		width:30rpx;
	}
}
.select_btns{
	display: flex;
	.select_btn{
		width: fit-content;
		height:52rpx;
		padding:0 32rpx;
		margin: 0;
		margin-left: 20rpx;
	}
}
